<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>学生成绩管理</title>
    <link rel="stylesheet" href="../static/css/analysis.css">
    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.1.3/css/bootstrap.min.css"/>


</head>
<body>
<header>
    <h1>学生成绩管理</h1>
</header>

<div class="sidebar">
    <ul>
        <li class="logo">
            <a href="#">
                <span class="icon"><ion-icon name="person-outline"></ion-icon></span>
                <span class="text">个人头像</span>
            </a>
        </li>
        <li>
            <a href="./admin.html">
                <span class="icon"><ion-icon name="home-outline"></ion-icon></span>
                <span class="text">首页</span>
            </a>
        </li>
        <li>
            <a href="./check.html">
                <span class="icon"><ion-icon name="person-outline"></ion-icon></span>
                <span class="text">注册审核</span>
            </a>
        </li>
        <li>
            <a href="./management.html">
                <span class="icon"><ion-icon name="hammer-outline"></ion-icon></span>
                <span class="text">信息管理</span>
            </a>
        </li>
        <li>
            <a href="./analysis.html">
                <span class="icon"><ion-icon name="bar-chart-outline"></ion-icon></span>
                <span class="text">成绩管理</span>
            </a>
        </li>
        <li>
            <a href="./change_password.html">
                <span class="icon"><ion-icon name="settings-outline"></ion-icon></span>
                <span class="text">修改密码</span>
            </a>
        </li>
        <div class="bottom">

            <li>
                <a class="logout" style="cursor: pointer;">
                    <span class="icon"><ion-icon name="log-out-outline"></ion-icon></span>
                    <span class="text">登出</span>
                </a>
            </li>
        </div>
    </ul>
</div>

<div class="container">
    <h2>
        <div class="search1">
            <i style="padding-right: 100px">学生列表</i> <input type="text" id="search-input" placeholder="请输入名字"/>
        </div>
        <div class="search2">
            <i style="padding-right: 36px">输入成绩区间</i>
            <input type="number" class="section_min" id="min" placeholder="最低成绩（不低于0）"/>
            <label class="wave">~</label>
            <input type="number" class="section_max" id="max" placeholder="最高成绩（不高于100）"/>
            <button id="search-button">搜索</button>
        </div>

    </h2>
    <table class="table table-striped">
        <thead>
        <tr>
            <th>学号</th>
            <th>姓名</th>
            <th>考勤成绩</th>
            <th>课后作业</th>
            <th>课堂测验</th>
            <th>课堂互动</th>
            <th>期中</th>
            <th>期末</th>
            <th>总分</th>
            <th>操作</th>
        </tr>
        </thead>
        <tbody></tbody>
    </table>

    <div class="input-box-wrapper">
        <div class="box1">
            <h2>修改学生信息</h2>
            <form>
                <div class="analysis-form">
                    <label for="attendance_new" class="form-label">考勤成绩</label>
                    <input type="text" class="form-control" id="attendance_new" name="attendance_new"/>
                </div>
                <div class="analysis-form">
                    <label for="homework_new" class="form-label">课后作业</label>
                    <input type="text" class="form-control" id="homework_new" name="homework_new"/>
                </div>
                <div class="analysis-form">
                    <label for="quiz_new" class="form-label">课堂测验</label>
                    <input type="text" class="form-control" id="quiz_new" name="quiz_new"/>
                </div>
                <div class="analysis-form">
                    <label for="interactive_new" class="form-label">课堂互动</label>
                    <input type="text" class="form-control" id="interactive_new" name="interactive_new"/>
                </div>
                <div class="analysis-form">
                    <label for="midterm" class="form-label">期中</label>
                    <input type="text" class="form-control" id="midterm_new" name="midterm"/>
                </div>
                <div class="analysis-form">
                    <label for="final" class="form-label">期末</label>
                    <input type="text" class="form-control" id="final_new" name="final"/>
                </div>
                <button type="submit" class="btn btn-primary">确认修改</button>
                <button type="button" class="btn btn-primary tool" style="float: right">清除</button>
            </form>

        </div>
    </div>
</div>
<script type="module" src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>
<script src="https://cdn.staticfile.org/jquery/3.6.0/jquery.min.js"></script>
<script src="../src/js/analysis.js"></script>
<script src="../src/js/userAction.js"></script>
<script>
    $(".logout").click(function () {
        logout();
    })
</script>
</body>
</html>
